
var getbx = 3583; //显示数字 或者用以下一个

var getName = "已完成";
var getxzzs = 5900; //合格值
var getyj = 6000; //不合格值
var getwwc = 1000 ; //未完成
var getMax =  getxzzs + getyj +  getwwc//总数


let option1 = {
	tooltip: {
		trigger: 'item',
		formatter: function(params){
			let value = 0;
			if(params.seriesIndex === 0){
				value = getxzzs;
			} else if(params.seriesIndex === 1){
				value = getyj;
			} else if(params.seriesIndex === 2){
				value = getwwc;
			}
			return `${value}`;
		}
	},
	grid: {
		top: '20%',
		containLabel: true,
	},
	angleAxis: {
		show: false,
		max: getMax,
		type: 'value',
		startAngle: 180, //极坐标初始角度
		endAngle: 0,
		splitLine: {
			show: false
		}
	},
	barMaxWidth: 15, //圆环宽度
	radiusAxis: {
		show: false,
		type: 'category',
	},
	//圆环位置和大小
	polar: {
		center: ['50%', '50%'],
		radius: '120'
	},
	series: [{
			type: 'bar',
			data: [{ //上层圆环，显示数据
				value: getxzzs,
				itemStyle: {
					color: '#95CA45',
				},
			}],
			barGap: '-100%', //柱间距离,上下两层圆环重合
			coordinateSystem: 'polar',
			roundCap: true, //顶端圆角
			z: 3 //圆环层级，同zindex
		}, {
			type: 'bar',
			data: [{ //上层圆环，显示数据
				value: getyj + getxzzs,
				itemStyle: {
					color: '#0091FF',
				},
			}],
			barGap: '-100%', //柱间距离,上下两层圆环重合
			coordinateSystem: 'polar',
			roundCap: true, //顶端圆角
			z: 2 //圆环层级，同zindex
		},
		{ //下层圆环，显示最大值
			type: 'bar',
			data: [{
				value: getMax,
				itemStyle: {
					color: '#44D7B6',
					borderWidth: 0,
				},
			}],
			barGap: '-100%',
			coordinateSystem: 'polar',
			roundCap: true,
			z: 1
		},
		//仪表盘
		{
			type: 'gauge',
			startAngle: 180, //起始角度，同极坐标
			endAngle: 0, //终止角度，同极坐标
			axisLine: {
				show: false,
			},
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLabel: {
				show: false
			},
			splitLabel: {
				show: false
			},
			pointer: { // 分隔线
				show: false,
				width: 0
			},
			itemStyle: {
				color: '#FF5652'
			},
			detail: {
				show: false,
			},
			title: {
				show: false
			},
			data: [{
				// value: getpjz*100/getMax,
			}]
		},
		//仪表盘
		{
			type: 'gauge',
			startAngle: 180, //起始角度，同极坐标
			endAngle: 0, //终止角度，同极坐标
			axisLine: {
				show: false,
			},
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLabel: {
				show: false
			},
			splitLabel: {
				show: false
			},
			pointer: { // 分隔线
				show: false,
				width: 0
			},
			itemStyle: {
				color: '#70D5FF'
			},
			detail: {
				formatter: function(params) {
					return '{a|' + getbx + '}\n{b|' + getName + '}\n{c|总任务数 } {d|' + getMax + '}';

				},
				textStyle: {
					rich: {
						a: {
							fontSize: 24,
							color: '#000',
							fontWeight: 'bold',
							lineHeight: 10
						},
						b: {
							fontSize: 14,
							color: '#777',
							lineHeight: 40
						},
						c: {
							fontSize: 12,
							color: '#777',

						},
						d: {
							fontSize: 12,
							color: '#1F85F5'
						}
					}
				},
				offsetCenter: [0, 14],
			},
			title: {
				show: false
			},
			data: [{
				value: getbx * 100 / getMax
			}]
		}
	]
};
var myChart = echarts.init(document.getElementById('fwzlgz1'));
myChart.setOption(option1)


let wzg = 6000;//未来整改
let yzg = 2000;



let option2 = {
	tooltip: {
		trigger: 'item',
		formatter: function(params){
			let value = 0;
			if(params.seriesIndex === 0){
				value = wzg;
			} else if(params.seriesIndex === 1){
				value = yzg;
			}
			return `${value}`;
		}
	},
	grid: {
		top: '20%',
		containLabel: true,
	},
	angleAxis: {
		show: false,
		max: wzg + yzg,
		type: 'value',
		startAngle: 180, //极坐标初始角度
		endAngle: 0,
		splitLine: {
			show: false
		}
	},
	barMaxWidth: 15, //圆环宽度
	radiusAxis: {
		show: false,
		type: 'category',
	},
	//圆环位置和大小
	polar: {
		center: ['50%', '50%'],
		radius: '120'
	},
	series: [{
			type: 'bar',
			data: [{ //上层圆环，显示数据
				value: wzg,
				itemStyle: {
					color: '#FB4D8F',
				},
			}],
			barGap: '-100%', //柱间距离,上下两层圆环重合
			coordinateSystem: 'polar',
			roundCap: true, //顶端圆角
			z: 3 //圆环层级，同zindex
		},
		{ //下层圆环，显示最大值
			type: 'bar',
			data: [{
				value: wzg + yzg,
				itemStyle: {
					color: '#34BAC6',
					borderWidth: 0,
				},
			}],
			barGap: '-100%',
			coordinateSystem: 'polar',
			roundCap: true,
			z: 1
		},
		//仪表盘
		{
			type: 'gauge',
			startAngle: 180, //起始角度，同极坐标
			endAngle: 0, //终止角度，同极坐标
			axisLine: {
				show: false,
			},
			splitLine: {
				show: false
			},
			axisTick: {
				show: false
			},
			axisLabel: {
				show: false
			},
			splitLabel: {
				show: false
			},
			pointer: { // 分隔线
				show: false,
				width: 0
			},
			itemStyle: {
				color: '#70D5FF'
			},
			detail: {
				formatter: function(params) {
					return '{a|' + getbx + '}\n{b|已整改}\n{c|不合格 } {d|' + getMax + '}';

				},
				textStyle: {
					rich: {
						a: {
							fontSize: 24,
							color: '#000',
							fontWeight: 'bold',
							lineHeight: 10
						},
						b: {
							fontSize: 14,
							color: '#777',
							lineHeight: 40
						},
						c: {
							fontSize: 12,
							color: '#777',

						},
						d: {
							fontSize: 12,
							color: '#1F85F5'
						}
					}
				},
				offsetCenter: [0, 14],
			},
			title: {
				show: false
			},
			data: [{
				value: getbx * 100 / getMax
			}]
		}
	]
};
myChart = echarts.init(document.getElementById('fwzlgz2'));
myChart.setOption(option2)
